<template>  
    <footer class="footer">  
      <div class="footer-content">  
        <div class="footer-logo">  
          <img src="../assets/img/疆云logo.png"  />  
        </div>  
        <div class="footer-links">  
          <a v-for="link in links" :key="link.text" :href="link.href">{{ link.text }}</a>  
        </div>  
        <div class="footer-info">  
          <p>&copy; {{ currentYear }} {{ companyName }}</p>  
          <p>{{ contactInfo }}</p>  
        </div>  
      </div>  
    </footer>  
  </template>  
    
  <script>  
  export default {  
    name: 'FoodOver',  
    data() {  
      return {    
        links: [  
          { text: '关于我们', href: '/about' },  
          { text: '联系我们', href: '/contact' },  
          { text: '隐私政策', href: '/privacy' },  
        ],  
        companyName: '新疆大学--软件工程学院',  
        contactInfo: '联系电话: 18006797458',  
        currentYear: new Date().getFullYear(),  
      };  
    },  
  };  
  </script>  
    
  <style scoped>  
  .footer {  
    background-color: #333;  
    color: #fff;  
    padding: 20px;  
    text-align: center;  
  }  
    
  .footer-content {  
    display: flex;  
    justify-content: space-between;  
    align-items: center;  
    flex-wrap: wrap;  
  }  
    
  .footer-logo img {  
    width: 40px;  
    height: auto;  
  }  
    
  .footer-links a {  
    color: #fff;  
    text-decoration: none;  
    margin-right: 10px;  
  }  
    
  .footer-links a:hover {  
    text-decoration: underline;  
  }  
    
  .footer-info p {  
    margin: 0;  
  }  
  </style>